<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2699079" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon myicon">&#xe66a;</span>
                <div class="name">成功</div>
                <div class="code-name">&amp;#xe66a;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe66b;</span>
                <div class="name">错误</div>
                <div class="code-name">&amp;#xe66b;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe669;</span>
                <div class="name">email</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe667;</span>
                <div class="name">微信</div>
                <div class="code-name">&amp;#xe667;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe668;</span>
                <div class="name">email</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe788;</span>
                <div class="name">聊天</div>
                <div class="code-name">&amp;#xe788;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe663;</span>
                <div class="name">聊天</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe664;</span>
                <div class="name">聊天</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe666;</span>
                <div class="name">聊天</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe665;</span>
                <div class="name">search</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe662;</span>
                <div class="name">确认</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe661;</span>
                <div class="name">确认</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe660;</span>
                <div class="name">del</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe65d;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe65c;</span>
                <div class="name">add</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe653;</span>
                <div class="name">close</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe652;</span>
                <div class="name">3.1店铺</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe651;</span>
                <div class="name">电话</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe88b;</span>
                <div class="name">电话</div>
                <div class="code-name">&amp;#xe88b;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe64f;</span>
                <div class="name">代价券</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe8a4;</span>
                <div class="name">费用包含</div>
                <div class="code-name">&amp;#xe8a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe650;</span>
                <div class="name">费用02</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe691;</span>
                <div class="name">打赏1</div>
                <div class="code-name">&amp;#xe691;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe674;</span>
                <div class="name">费用</div>
                <div class="code-name">&amp;#xe674;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe68f;</span>
                <div class="name">recharge</div>
                <div class="code-name">&amp;#xe68f;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe722;</span>
                <div class="name">联系</div>
                <div class="code-name">&amp;#xe722;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#x1010f;</span>
                <div class="name">打赏</div>
                <div class="code-name">&amp;#x1010f;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe64d;</span>
                <div class="name">hotel_1207004_easyic</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe647;</span>
                <div class="name">unchecked</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe6f7;</span>
                <div class="name">checked</div>
                <div class="code-name">&amp;#xe6f7;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe63f;</span>
                <div class="name">账户余额</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe69e;</span>
                <div class="name">余额</div>
                <div class="code-name">&amp;#xe69e;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe6aa;</span>
                <div class="name">余额</div>
                <div class="code-name">&amp;#xe6aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe646;</span>
                <div class="name">支付宝</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe63e;</span>
                <div class="name">苹果</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe628;</span>
                <div class="name">验证码</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe63d;</span>
                <div class="name">苹果</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe630;</span>
                <div class="name">密码登录</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe639;</span>
                <div class="name">微信</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe68e;</span>
                <div class="name">History</div>
                <div class="code-name">&amp;#xe68e;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe637;</span>
                <div class="name">arrow-down</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe654;</span>
                <div class="name">位置</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe65e;</span>
                <div class="name">导航地址</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe706;</span>
                <div class="name">咨询服务</div>
                <div class="code-name">&amp;#xe706;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe61a;</span>
                <div class="name">服务</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe69d;</span>
                <div class="name">缴纳保证金</div>
                <div class="code-name">&amp;#xe69d;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe66c;</span>
                <div class="name">服务权益</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe740;</span>
                <div class="name">保证金担保</div>
                <div class="code-name">&amp;#xe740;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe635;</span>
                <div class="name">生活服务</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe8aa;</span>
                <div class="name">37-服务</div>
                <div class="code-name">&amp;#xe8aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe860;</span>
                <div class="name">icon_保证金管理</div>
                <div class="code-name">&amp;#xe860;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe6d4;</span>
                <div class="name">托管</div>
                <div class="code-name">&amp;#xe6d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe61e;</span>
                <div class="name">税控设备托管</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe729;</span>
                <div class="name">可选服务</div>
                <div class="code-name">&amp;#xe729;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe61f;</span>
                <div class="name">服务02</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe638;</span>
                <div class="name">服务02</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe62d;</span>
                <div class="name">设备托管申请</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe622;</span>
                <div class="name">设施服务</div>
                <div class="code-name">&amp;#xe622;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe623;</span>
                <div class="name">诚信保证金</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe681;</span>
                <div class="name">上门服务</div>
                <div class="code-name">&amp;#xe681;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe64a;</span>
                <div class="name">居民服务</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe659;</span>
                <div class="name">展位施工诚信保证金</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe644;</span>
                <div class="name">履约保证金</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe624;</span>
                <div class="name">icon_保证金</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe62e;</span>
                <div class="name">保证金</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe62f;</span>
                <div class="name">海报</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe626;</span>
                <div class="name">促销海报</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe627;</span>
                <div class="name">校园服务,服务大厅</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe631;</span>
                <div class="name">商品管理</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe658;</span>
                <div class="name">我的订单</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe884;</span>
                <div class="name">02包裹、发货-线性</div>
                <div class="code-name">&amp;#xe884;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe615;</span>
                <div class="name">wode</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe617;</span>
                <div class="name">店铺信息</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xebb6;</span>
                <div class="name">包裹_发货_o</div>
                <div class="code-name">&amp;#xebb6;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe618;</span>
                <div class="name">商品管理</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe798;</span>
                <div class="name">商户管理</div>
                <div class="code-name">&amp;#xe798;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#x100c1;</span>
                <div class="name">我的小店</div>
                <div class="code-name">&amp;#x100c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe619;</span>
                <div class="name">商业街</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#x10135;</span>
                <div class="name">我的小店</div>
                <div class="code-name">&amp;#x10135;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe614;</span>
                <div class="name">售卖领养</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe806;</span>
                <div class="name">领取记录</div>
                <div class="code-name">&amp;#xe806;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe78f;</span>
                <div class="name">药品援助</div>
                <div class="code-name">&amp;#xe78f;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe60e;</span>
                <div class="name">药品</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe68a;</span>
                <div class="name">看病</div>
                <div class="code-name">&amp;#xe68a;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe612;</span>
                <div class="name">挂号看病</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe692;</span>
                <div class="name">认证</div>
                <div class="code-name">&amp;#xe692;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe657;</span>
                <div class="name">认证</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe611;</span>
                <div class="name">认证</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe634;</span>
                <div class="name">认证</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe6a8;</span>
                <div class="name">认证1</div>
                <div class="code-name">&amp;#xe6a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe620;</span>
                <div class="name">认证</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe625;</span>
                <div class="name">认证</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe811;</span>
                <div class="name">认证</div>
                <div class="code-name">&amp;#xe811;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe63b;</span>
                <div class="name">消息</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xee42;</span>
                <div class="name">类目 品类 分类 类别</div>
                <div class="code-name">&amp;#xee42;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe683;</span>
                <div class="name">帮助中心</div>
                <div class="code-name">&amp;#xe683;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe7f9;</span>
                <div class="name">类目 品类 分类 类别</div>
                <div class="code-name">&amp;#xe7f9;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe63c;</span>
                <div class="name">地址</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe641;</span>
                <div class="name">地址</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe891;</span>
                <div class="name">评论</div>
                <div class="code-name">&amp;#xe891;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe892;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe892;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe8a1;</span>
                <div class="name"> 意见反馈</div>
                <div class="code-name">&amp;#xe8a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe61b;</span>
                <div class="name">卡券</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xebba;</span>
                <div class="name">地点定位_o</div>
                <div class="code-name">&amp;#xebba;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xec8e;</span>
                <div class="name">托管</div>
                <div class="code-name">&amp;#xec8e;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe63a;</span>
                <div class="name">签到</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe6b9;</span>
                <div class="name">钱包</div>
                <div class="code-name">&amp;#xe6b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe642;</span>
                <div class="name">委托管理</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe649;</span>
                <div class="name">签到</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe62c;</span>
                <div class="name">8 --公益性救济</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe60d;</span>
                <div class="name">创作</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe744;</span>
                <div class="name">公益</div>
                <div class="code-name">&amp;#xe744;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe671;</span>
                <div class="name">kefu1</div>
                <div class="code-name">&amp;#xe671;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe62b;</span>
                <div class="name">服务热线</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe656;</span>
                <div class="name">公益岗位</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe600;</span>
                <div class="name">帮助中心</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe643;</span>
                <div class="name">托管</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe655;</span>
                <div class="name">托管</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe636;</span>
                <div class="name">定位</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe65f;</span>
                <div class="name">二维码</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe64e;</span>
                <div class="name">邀请好友</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe648;</span>
                <div class="name">质押／解质押</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe68d;</span>
                <div class="name">x_解锁</div>
                <div class="code-name">&amp;#xe68d;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe633;</span>
                <div class="name">邀请好友</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xee41;</span>
                <div class="name">解锁</div>
                <div class="code-name">&amp;#xee41;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe62a;</span>
                <div class="name">右箭头</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe60c;</span>
                <div class="name">左箭头</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe737;</span>
                <div class="name">订单</div>
                <div class="code-name">&amp;#xe737;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe60a;</span>
                <div class="name">抽奖</div>
                <div class="code-name">&amp;#xe60a;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe645;</span>
                <div class="name">订单</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe78a;</span>
                <div class="name">116订单、订单明细、收支明细</div>
                <div class="code-name">&amp;#xe78a;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe60b;</span>
                <div class="name">团队</div>
                <div class="code-name">&amp;#xe60b;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe6e3;</span>
                <div class="name">KHCFDC_佣金</div>
                <div class="code-name">&amp;#xe6e3;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe8ae;</span>
                <div class="name">订单</div>
                <div class="code-name">&amp;#xe8ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe69a;</span>
                <div class="name">关于我们</div>
                <div class="code-name">&amp;#xe69a;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe672;</span>
                <div class="name">商城订单</div>
                <div class="code-name">&amp;#xe672;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe780;</span>
                <div class="name">商城订单-my</div>
                <div class="code-name">&amp;#xe780;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe609;</span>
                <div class="name">资产汇总</div>
                <div class="code-name">&amp;#xe609;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe64c;</span>
                <div class="name">拼团专区</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe616;</span>
                <div class="name">提现</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe7e5;</span>
                <div class="name">转账</div>
                <div class="code-name">&amp;#xe7e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe603;</span>
                <div class="name">合作共赢</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe610;</span>
                <div class="name">库存</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe621;</span>
                <div class="name">卡片</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe608;</span>
                <div class="name">充值</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe6ba;</span>
                <div class="name">记录</div>
                <div class="code-name">&amp;#xe6ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe7a9;</span>
                <div class="name">素材管理</div>
                <div class="code-name">&amp;#xe7a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe607;</span>
                <div class="name">素材库_默认@2x</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe68c;</span>
                <div class="name">人物-团队</div>
                <div class="code-name">&amp;#xe68c;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe61d;</span>
                <div class="name">diamond-砖石</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe93e;</span>
                <div class="name">资产</div>
                <div class="code-name">&amp;#xe93e;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe673;</span>
                <div class="name">服务</div>
                <div class="code-name">&amp;#xe673;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe88e;</span>
                <div class="name">足迹</div>
                <div class="code-name">&amp;#xe88e;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe606;</span>
                <div class="name">分类</div>
                <div class="code-name">&amp;#xe606;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe65b;</span>
                <div class="name">佣金</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe897;</span>
                <div class="name"> 订单</div>
                <div class="code-name">&amp;#xe897;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe602;</span>
                <div class="name">佣金</div>
                <div class="code-name">&amp;#xe602;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe65a;</span>
                <div class="name">录音</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe64b;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe898;</span>
                <div class="name">22资料、手册</div>
                <div class="code-name">&amp;#xe898;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe689;</span>
                <div class="name">头像</div>
                <div class="code-name">&amp;#xe689;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe695;</span>
                <div class="name">认证</div>
                <div class="code-name">&amp;#xe695;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe601;</span>
                <div class="name">录音 说话 声音</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe613;</span>
                <div class="name">录音中</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe640;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe605;</span>
                <div class="name">下载</div>
                <div class="code-name">&amp;#xe605;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe61c;</span>
                <div class="name">下载</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe604;</span>
                <div class="name">二手车</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe629;</span>
                <div class="name">公告</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe60f;</span>
                <div class="name">门店管理</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe718;</span>
                <div class="name">申请</div>
                <div class="code-name">&amp;#xe718;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe696;</span>
                <div class="name">设 置</div>
                <div class="code-name">&amp;#xe696;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe632;</span>
                <div class="name">二维码</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon myicon">&#xe6e5;</span>
                <div class="name">qr-code 二维码</div>
                <div class="code-name">&amp;#xe6e5;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'myicon';
  src: url('iconfont.woff2?t=1711250379056') format('woff2'),
       url('iconfont.woff?t=1711250379056') format('woff'),
       url('iconfont.ttf?t=1711250379056') format('truetype');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.myicon {
  font-family: "myicon" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="myicon"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"myicon" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon myicon myicon-success"></span>
            <div class="name">
              成功
            </div>
            <div class="code-name">.myicon-success
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-error"></span>
            <div class="name">
              错误
            </div>
            <div class="code-name">.myicon-error
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-email1"></span>
            <div class="name">
              email
            </div>
            <div class="code-name">.myicon-email1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-weixin1"></span>
            <div class="name">
              微信
            </div>
            <div class="code-name">.myicon-weixin1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-email"></span>
            <div class="name">
              email
            </div>
            <div class="code-name">.myicon-email
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-liaotian"></span>
            <div class="name">
              聊天
            </div>
            <div class="code-name">.myicon-liaotian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-liaotian1"></span>
            <div class="name">
              聊天
            </div>
            <div class="code-name">.myicon-liaotian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-liaotian2"></span>
            <div class="name">
              聊天
            </div>
            <div class="code-name">.myicon-liaotian2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-liaotian-copy"></span>
            <div class="name">
              聊天
            </div>
            <div class="code-name">.myicon-liaotian-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-search"></span>
            <div class="name">
              search
            </div>
            <div class="code-name">.myicon-search
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-queren"></span>
            <div class="name">
              确认
            </div>
            <div class="code-name">.myicon-queren
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-queren-"></span>
            <div class="name">
              确认
            </div>
            <div class="code-name">.myicon-queren-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-del"></span>
            <div class="name">
              del
            </div>
            <div class="code-name">.myicon-del
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-sc"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.myicon-sc
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-add"></span>
            <div class="name">
              add
            </div>
            <div class="code-name">.myicon-add
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-close"></span>
            <div class="name">
              close
            </div>
            <div class="code-name">.myicon-close
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-31dianpu"></span>
            <div class="name">
              3.1店铺
            </div>
            <div class="code-name">.myicon-31dianpu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-dianhua"></span>
            <div class="name">
              电话
            </div>
            <div class="code-name">.myicon-dianhua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-dianhua1"></span>
            <div class="name">
              电话
            </div>
            <div class="code-name">.myicon-dianhua1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-daijiaquan"></span>
            <div class="name">
              代价券
            </div>
            <div class="code-name">.myicon-daijiaquan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-feiyongbaohan"></span>
            <div class="name">
              费用包含
            </div>
            <div class="code-name">.myicon-feiyongbaohan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-feiyong"></span>
            <div class="name">
              费用02
            </div>
            <div class="code-name">.myicon-feiyong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-dashang"></span>
            <div class="name">
              打赏1
            </div>
            <div class="code-name">.myicon-dashang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-feiyong1"></span>
            <div class="name">
              费用
            </div>
            <div class="code-name">.myicon-feiyong1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-recharge"></span>
            <div class="name">
              recharge
            </div>
            <div class="code-name">.myicon-recharge
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-lianxi"></span>
            <div class="name">
              联系
            </div>
            <div class="code-name">.myicon-lianxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-dashang1"></span>
            <div class="name">
              打赏
            </div>
            <div class="code-name">.myicon-dashang1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-hotel__easyic"></span>
            <div class="name">
              hotel_1207004_easyic
            </div>
            <div class="code-name">.myicon-hotel__easyic
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-unchecked"></span>
            <div class="name">
              unchecked
            </div>
            <div class="code-name">.myicon-unchecked
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-checked"></span>
            <div class="name">
              checked
            </div>
            <div class="code-name">.myicon-checked
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-zhanghuyue"></span>
            <div class="name">
              账户余额
            </div>
            <div class="code-name">.myicon-zhanghuyue
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-yue"></span>
            <div class="name">
              余额
            </div>
            <div class="code-name">.myicon-yue
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-yue1"></span>
            <div class="name">
              余额
            </div>
            <div class="code-name">.myicon-yue1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-zhifubao"></span>
            <div class="name">
              支付宝
            </div>
            <div class="code-name">.myicon-zhifubao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-pingguo1"></span>
            <div class="name">
              苹果
            </div>
            <div class="code-name">.myicon-pingguo1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-yanzhengma"></span>
            <div class="name">
              验证码
            </div>
            <div class="code-name">.myicon-yanzhengma
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-pingguo"></span>
            <div class="name">
              苹果
            </div>
            <div class="code-name">.myicon-pingguo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-mimadenglu"></span>
            <div class="name">
              密码登录
            </div>
            <div class="code-name">.myicon-mimadenglu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-weixin"></span>
            <div class="name">
              微信
            </div>
            <div class="code-name">.myicon-weixin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-History"></span>
            <div class="name">
              History
            </div>
            <div class="code-name">.myicon-History
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-arrow-down"></span>
            <div class="name">
              arrow-down
            </div>
            <div class="code-name">.myicon-arrow-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-weizhi"></span>
            <div class="name">
              位置
            </div>
            <div class="code-name">.myicon-weizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-daohangdizhi"></span>
            <div class="name">
              导航地址
            </div>
            <div class="code-name">.myicon-daohangdizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-zixunfuwu"></span>
            <div class="name">
              咨询服务
            </div>
            <div class="code-name">.myicon-zixunfuwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-fuwu1"></span>
            <div class="name">
              服务
            </div>
            <div class="code-name">.myicon-fuwu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-paydeposit"></span>
            <div class="name">
              缴纳保证金
            </div>
            <div class="code-name">.myicon-paydeposit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-fuwuquanyi"></span>
            <div class="name">
              服务权益
            </div>
            <div class="code-name">.myicon-fuwuquanyi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-baozhengjindanbao"></span>
            <div class="name">
              保证金担保
            </div>
            <div class="code-name">.myicon-baozhengjindanbao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-shenghuofuwu"></span>
            <div class="name">
              生活服务
            </div>
            <div class="code-name">.myicon-shenghuofuwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon--fuwu"></span>
            <div class="name">
              37-服务
            </div>
            <div class="code-name">.myicon--fuwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-icon_baozhengjinguanli"></span>
            <div class="name">
              icon_保证金管理
            </div>
            <div class="code-name">.myicon-icon_baozhengjinguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-tuoguan3"></span>
            <div class="name">
              托管
            </div>
            <div class="code-name">.myicon-tuoguan3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-shuikongshebeituoguan"></span>
            <div class="name">
              税控设备托管
            </div>
            <div class="code-name">.myicon-shuikongshebeituoguan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-kexuanfuwu-"></span>
            <div class="name">
              可选服务
            </div>
            <div class="code-name">.myicon-kexuanfuwu-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-fuwu2"></span>
            <div class="name">
              服务02
            </div>
            <div class="code-name">.myicon-fuwu2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-fuwu3"></span>
            <div class="name">
              服务02
            </div>
            <div class="code-name">.myicon-fuwu3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-shebeituoguanshenqing"></span>
            <div class="name">
              设备托管申请
            </div>
            <div class="code-name">.myicon-shebeituoguanshenqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-sheshifuwu"></span>
            <div class="name">
              设施服务
            </div>
            <div class="code-name">.myicon-sheshifuwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-chengxinbaozhengjin"></span>
            <div class="name">
              诚信保证金
            </div>
            <div class="code-name">.myicon-chengxinbaozhengjin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-shangmenfuwu"></span>
            <div class="name">
              上门服务
            </div>
            <div class="code-name">.myicon-shangmenfuwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-juminfuwu"></span>
            <div class="name">
              居民服务
            </div>
            <div class="code-name">.myicon-juminfuwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-zhanweishigongchengxinbaozhengjin"></span>
            <div class="name">
              展位施工诚信保证金
            </div>
            <div class="code-name">.myicon-zhanweishigongchengxinbaozhengjin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-lvyuebaozhengjin"></span>
            <div class="name">
              履约保证金
            </div>
            <div class="code-name">.myicon-lvyuebaozhengjin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-icon_baozhengjin"></span>
            <div class="name">
              icon_保证金
            </div>
            <div class="code-name">.myicon-icon_baozhengjin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-baozhengjin"></span>
            <div class="name">
              保证金
            </div>
            <div class="code-name">.myicon-baozhengjin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-haibao"></span>
            <div class="name">
              海报
            </div>
            <div class="code-name">.myicon-haibao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-cuxiaohaibao"></span>
            <div class="name">
              促销海报
            </div>
            <div class="code-name">.myicon-cuxiaohaibao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-a-xiaoyuanfuwufuwudating"></span>
            <div class="name">
              校园服务,服务大厅
            </div>
            <div class="code-name">.myicon-a-xiaoyuanfuwufuwudating
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-shangpinguanli"></span>
            <div class="name">
              商品管理
            </div>
            <div class="code-name">.myicon-shangpinguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-wodedingdan"></span>
            <div class="name">
              我的订单
            </div>
            <div class="code-name">.myicon-wodedingdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-baoguofahuo-xianxing"></span>
            <div class="name">
              02包裹、发货-线性
            </div>
            <div class="code-name">.myicon-baoguofahuo-xianxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-icon-test1"></span>
            <div class="name">
              wode
            </div>
            <div class="code-name">.myicon-icon-test1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-dianpuxinxi"></span>
            <div class="name">
              店铺信息
            </div>
            <div class="code-name">.myicon-dianpuxinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-baoguo_fahuo_o"></span>
            <div class="name">
              包裹_发货_o
            </div>
            <div class="code-name">.myicon-baoguo_fahuo_o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-shangpinguanli1"></span>
            <div class="name">
              商品管理
            </div>
            <div class="code-name">.myicon-shangpinguanli1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-shanghuguanli"></span>
            <div class="name">
              商户管理
            </div>
            <div class="code-name">.myicon-shanghuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-wodexiaodian"></span>
            <div class="name">
              我的小店
            </div>
            <div class="code-name">.myicon-wodexiaodian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-shangyejie"></span>
            <div class="name">
              商业街
            </div>
            <div class="code-name">.myicon-shangyejie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-wodexiaodian1"></span>
            <div class="name">
              我的小店
            </div>
            <div class="code-name">.myicon-wodexiaodian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-shoumailingyang"></span>
            <div class="name">
              售卖领养
            </div>
            <div class="code-name">.myicon-shoumailingyang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-lingqujilu"></span>
            <div class="name">
              领取记录
            </div>
            <div class="code-name">.myicon-lingqujilu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-yaopinyuanzhu"></span>
            <div class="name">
              药品援助
            </div>
            <div class="code-name">.myicon-yaopinyuanzhu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-yaopin"></span>
            <div class="name">
              药品
            </div>
            <div class="code-name">.myicon-yaopin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-kanbing"></span>
            <div class="name">
              看病
            </div>
            <div class="code-name">.myicon-kanbing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-guahaokanbing"></span>
            <div class="name">
              挂号看病
            </div>
            <div class="code-name">.myicon-guahaokanbing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-renzheng"></span>
            <div class="name">
              认证
            </div>
            <div class="code-name">.myicon-renzheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-renzheng1"></span>
            <div class="name">
              认证
            </div>
            <div class="code-name">.myicon-renzheng1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-renzheng2"></span>
            <div class="name">
              认证
            </div>
            <div class="code-name">.myicon-renzheng2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-renzheng3"></span>
            <div class="name">
              认证
            </div>
            <div class="code-name">.myicon-renzheng3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-renzheng4"></span>
            <div class="name">
              认证1
            </div>
            <div class="code-name">.myicon-renzheng4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-renzheng5"></span>
            <div class="name">
              认证
            </div>
            <div class="code-name">.myicon-renzheng5
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-renzheng6"></span>
            <div class="name">
              认证
            </div>
            <div class="code-name">.myicon-renzheng6
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-renzheng7"></span>
            <div class="name">
              认证
            </div>
            <div class="code-name">.myicon-renzheng7
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-xiaoxi"></span>
            <div class="name">
              消息
            </div>
            <div class="code-name">.myicon-xiaoxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-cate"></span>
            <div class="name">
              类目 品类 分类 类别
            </div>
            <div class="code-name">.myicon-cate
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-bangzhuzhongxin"></span>
            <div class="name">
              帮助中心
            </div>
            <div class="code-name">.myicon-bangzhuzhongxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-leimupinleifenleileibie"></span>
            <div class="name">
              类目 品类 分类 类别
            </div>
            <div class="code-name">.myicon-leimupinleifenleileibie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-shouye"></span>
            <div class="name">
              地址
            </div>
            <div class="code-name">.myicon-shouye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-dizhi"></span>
            <div class="name">
              地址
            </div>
            <div class="code-name">.myicon-dizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-pinglun"></span>
            <div class="name">
              评论
            </div>
            <div class="code-name">.myicon-pinglun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-shezhi1"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.myicon-shezhi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-yijianfankui"></span>
            <div class="name">
               意见反馈
            </div>
            <div class="code-name">.myicon-yijianfankui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-qiaquan"></span>
            <div class="name">
              卡券
            </div>
            <div class="code-name">.myicon-qiaquan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-didiandingwei_o"></span>
            <div class="name">
              地点定位_o
            </div>
            <div class="code-name">.myicon-didiandingwei_o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-tuoguan"></span>
            <div class="name">
              托管
            </div>
            <div class="code-name">.myicon-tuoguan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-qiandao"></span>
            <div class="name">
              签到
            </div>
            <div class="code-name">.myicon-qiandao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-qianbao"></span>
            <div class="name">
              钱包
            </div>
            <div class="code-name">.myicon-qianbao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-weituoguanli"></span>
            <div class="name">
              委托管理
            </div>
            <div class="code-name">.myicon-weituoguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-qiandao1"></span>
            <div class="name">
              签到
            </div>
            <div class="code-name">.myicon-qiandao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon---gongyixingjiuji"></span>
            <div class="name">
              8 --公益性救济
            </div>
            <div class="code-name">.myicon---gongyixingjiuji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-chuangzuo"></span>
            <div class="name">
              创作
            </div>
            <div class="code-name">.myicon-chuangzuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-gongyi"></span>
            <div class="name">
              公益
            </div>
            <div class="code-name">.myicon-gongyi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-kefu1"></span>
            <div class="name">
              kefu1
            </div>
            <div class="code-name">.myicon-kefu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-fuwurexian"></span>
            <div class="name">
              服务热线
            </div>
            <div class="code-name">.myicon-fuwurexian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-gongyigangwei"></span>
            <div class="name">
              公益岗位
            </div>
            <div class="code-name">.myicon-gongyigangwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-bangzhuzhongxin1"></span>
            <div class="name">
              帮助中心
            </div>
            <div class="code-name">.myicon-bangzhuzhongxin1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-tuoguan1"></span>
            <div class="name">
              托管
            </div>
            <div class="code-name">.myicon-tuoguan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-tuoguan2"></span>
            <div class="name">
              托管
            </div>
            <div class="code-name">.myicon-tuoguan2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-address"></span>
            <div class="name">
              定位
            </div>
            <div class="code-name">.myicon-address
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-erweima"></span>
            <div class="name">
              二维码
            </div>
            <div class="code-name">.myicon-erweima
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-yaoqinghaoyou"></span>
            <div class="name">
              邀请好友
            </div>
            <div class="code-name">.myicon-yaoqinghaoyou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-zhiyajiezhiya"></span>
            <div class="name">
              质押／解质押
            </div>
            <div class="code-name">.myicon-zhiyajiezhiya
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-x_jiesuo"></span>
            <div class="name">
              x_解锁
            </div>
            <div class="code-name">.myicon-x_jiesuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-yaoqinghaoyou1"></span>
            <div class="name">
              邀请好友
            </div>
            <div class="code-name">.myicon-yaoqinghaoyou1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-jiesuo"></span>
            <div class="name">
              解锁
            </div>
            <div class="code-name">.myicon-jiesuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-youjiantou"></span>
            <div class="name">
              右箭头
            </div>
            <div class="code-name">.myicon-youjiantou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-zuojiantou"></span>
            <div class="name">
              左箭头
            </div>
            <div class="code-name">.myicon-zuojiantou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-dingdan1"></span>
            <div class="name">
              订单
            </div>
            <div class="code-name">.myicon-dingdan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-choujiang"></span>
            <div class="name">
              抽奖
            </div>
            <div class="code-name">.myicon-choujiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-dingdan3"></span>
            <div class="name">
              订单
            </div>
            <div class="code-name">.myicon-dingdan3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-dingdandingdanmingxishouzhimingxi"></span>
            <div class="name">
              116订单、订单明细、收支明细
            </div>
            <div class="code-name">.myicon-dingdandingdanmingxishouzhimingxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-tuandui1"></span>
            <div class="name">
              团队
            </div>
            <div class="code-name">.myicon-tuandui1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-yongjin1"></span>
            <div class="name">
              KHCFDC_佣金
            </div>
            <div class="code-name">.myicon-yongjin1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-dingdan4"></span>
            <div class="name">
              订单
            </div>
            <div class="code-name">.myicon-dingdan4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-guanyuwomen"></span>
            <div class="name">
              关于我们
            </div>
            <div class="code-name">.myicon-guanyuwomen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-shangchengdingdan"></span>
            <div class="name">
              商城订单
            </div>
            <div class="code-name">.myicon-shangchengdingdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-shangchengdingdan-my"></span>
            <div class="name">
              商城订单-my
            </div>
            <div class="code-name">.myicon-shangchengdingdan-my
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-asset-management-the-asset-summary"></span>
            <div class="name">
              资产汇总
            </div>
            <div class="code-name">.myicon-asset-management-the-asset-summary
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-pintuanzhuanqu"></span>
            <div class="name">
              拼团专区
            </div>
            <div class="code-name">.myicon-pintuanzhuanqu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-tixian"></span>
            <div class="name">
              提现
            </div>
            <div class="code-name">.myicon-tixian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-zhuanzhang"></span>
            <div class="name">
              转账
            </div>
            <div class="code-name">.myicon-zhuanzhang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-hezuogongying"></span>
            <div class="name">
              合作共赢
            </div>
            <div class="code-name">.myicon-hezuogongying
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-kucun"></span>
            <div class="name">
              库存
            </div>
            <div class="code-name">.myicon-kucun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-qiapian"></span>
            <div class="name">
              卡片
            </div>
            <div class="code-name">.myicon-qiapian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-chongzhi-"></span>
            <div class="name">
              充值
            </div>
            <div class="code-name">.myicon-chongzhi-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-jilu"></span>
            <div class="name">
              记录
            </div>
            <div class="code-name">.myicon-jilu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-sucaiguanli"></span>
            <div class="name">
              素材管理
            </div>
            <div class="code-name">.myicon-sucaiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-sucaiku_moren2x"></span>
            <div class="name">
              素材库_默认@2x
            </div>
            <div class="code-name">.myicon-sucaiku_moren2x
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-tuandui"></span>
            <div class="name">
              人物-团队
            </div>
            <div class="code-name">.myicon-tuandui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-diamond"></span>
            <div class="name">
              diamond-砖石
            </div>
            <div class="code-name">.myicon-diamond
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-zichan"></span>
            <div class="name">
              资产
            </div>
            <div class="code-name">.myicon-zichan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-fuwu"></span>
            <div class="name">
              服务
            </div>
            <div class="code-name">.myicon-fuwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-zuji"></span>
            <div class="name">
              足迹
            </div>
            <div class="code-name">.myicon-zuji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-fenlei"></span>
            <div class="name">
              分类
            </div>
            <div class="code-name">.myicon-fenlei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-yongjin"></span>
            <div class="name">
              佣金
            </div>
            <div class="code-name">.myicon-yongjin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-dingdan"></span>
            <div class="name">
               订单
            </div>
            <div class="code-name">.myicon-dingdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-ic_commission"></span>
            <div class="name">
              佣金
            </div>
            <div class="code-name">.myicon-ic_commission
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-luyin"></span>
            <div class="name">
              录音
            </div>
            <div class="code-name">.myicon-luyin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-shezhi"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.myicon-shezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-ziliaoshouce"></span>
            <div class="name">
              22资料、手册
            </div>
            <div class="code-name">.myicon-ziliaoshouce
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-icon-test"></span>
            <div class="name">
              头像
            </div>
            <div class="code-name">.myicon-icon-test
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-approve"></span>
            <div class="name">
              认证
            </div>
            <div class="code-name">.myicon-approve
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-luyinshuohuashengyin"></span>
            <div class="name">
              录音 说话 声音
            </div>
            <div class="code-name">.myicon-luyinshuohuashengyin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-luyinzhong"></span>
            <div class="name">
              录音中
            </div>
            <div class="code-name">.myicon-luyinzhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-bianji"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.myicon-bianji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-xiazai"></span>
            <div class="name">
              下载
            </div>
            <div class="code-name">.myicon-xiazai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-xingzhuang"></span>
            <div class="name">
              下载
            </div>
            <div class="code-name">.myicon-xingzhuang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-ershouche"></span>
            <div class="name">
              二手车
            </div>
            <div class="code-name">.myicon-ershouche
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-gonggao"></span>
            <div class="name">
              公告
            </div>
            <div class="code-name">.myicon-gonggao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-mendianguanli"></span>
            <div class="name">
              门店管理
            </div>
            <div class="code-name">.myicon-mendianguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-ziyuan197"></span>
            <div class="name">
              申请
            </div>
            <div class="code-name">.myicon-ziyuan197
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-setting"></span>
            <div class="name">
              设 置
            </div>
            <div class="code-name">.myicon-setting
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-qrcode"></span>
            <div class="name">
              二维码
            </div>
            <div class="code-name">.myicon-qrcode
            </div>
          </li>
          
          <li class="dib">
            <span class="icon myicon myicon-qr-code"></span>
            <div class="name">
              qr-code 二维码
            </div>
            <div class="code-name">.myicon-qr-code
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="myicon myicon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            myicon" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-success"></use>
                </svg>
                <div class="name">成功</div>
                <div class="code-name">#myicon-success</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-error"></use>
                </svg>
                <div class="name">错误</div>
                <div class="code-name">#myicon-error</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-email1"></use>
                </svg>
                <div class="name">email</div>
                <div class="code-name">#myicon-email1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-weixin1"></use>
                </svg>
                <div class="name">微信</div>
                <div class="code-name">#myicon-weixin1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-email"></use>
                </svg>
                <div class="name">email</div>
                <div class="code-name">#myicon-email</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-liaotian"></use>
                </svg>
                <div class="name">聊天</div>
                <div class="code-name">#myicon-liaotian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-liaotian1"></use>
                </svg>
                <div class="name">聊天</div>
                <div class="code-name">#myicon-liaotian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-liaotian2"></use>
                </svg>
                <div class="name">聊天</div>
                <div class="code-name">#myicon-liaotian2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-liaotian-copy"></use>
                </svg>
                <div class="name">聊天</div>
                <div class="code-name">#myicon-liaotian-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-search"></use>
                </svg>
                <div class="name">search</div>
                <div class="code-name">#myicon-search</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-queren"></use>
                </svg>
                <div class="name">确认</div>
                <div class="code-name">#myicon-queren</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-queren-"></use>
                </svg>
                <div class="name">确认</div>
                <div class="code-name">#myicon-queren-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-del"></use>
                </svg>
                <div class="name">del</div>
                <div class="code-name">#myicon-del</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-sc"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#myicon-sc</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-add"></use>
                </svg>
                <div class="name">add</div>
                <div class="code-name">#myicon-add</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-close"></use>
                </svg>
                <div class="name">close</div>
                <div class="code-name">#myicon-close</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-31dianpu"></use>
                </svg>
                <div class="name">3.1店铺</div>
                <div class="code-name">#myicon-31dianpu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-dianhua"></use>
                </svg>
                <div class="name">电话</div>
                <div class="code-name">#myicon-dianhua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-dianhua1"></use>
                </svg>
                <div class="name">电话</div>
                <div class="code-name">#myicon-dianhua1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-daijiaquan"></use>
                </svg>
                <div class="name">代价券</div>
                <div class="code-name">#myicon-daijiaquan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-feiyongbaohan"></use>
                </svg>
                <div class="name">费用包含</div>
                <div class="code-name">#myicon-feiyongbaohan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-feiyong"></use>
                </svg>
                <div class="name">费用02</div>
                <div class="code-name">#myicon-feiyong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-dashang"></use>
                </svg>
                <div class="name">打赏1</div>
                <div class="code-name">#myicon-dashang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-feiyong1"></use>
                </svg>
                <div class="name">费用</div>
                <div class="code-name">#myicon-feiyong1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-recharge"></use>
                </svg>
                <div class="name">recharge</div>
                <div class="code-name">#myicon-recharge</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-lianxi"></use>
                </svg>
                <div class="name">联系</div>
                <div class="code-name">#myicon-lianxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-dashang1"></use>
                </svg>
                <div class="name">打赏</div>
                <div class="code-name">#myicon-dashang1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-hotel__easyic"></use>
                </svg>
                <div class="name">hotel_1207004_easyic</div>
                <div class="code-name">#myicon-hotel__easyic</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-unchecked"></use>
                </svg>
                <div class="name">unchecked</div>
                <div class="code-name">#myicon-unchecked</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-checked"></use>
                </svg>
                <div class="name">checked</div>
                <div class="code-name">#myicon-checked</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-zhanghuyue"></use>
                </svg>
                <div class="name">账户余额</div>
                <div class="code-name">#myicon-zhanghuyue</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-yue"></use>
                </svg>
                <div class="name">余额</div>
                <div class="code-name">#myicon-yue</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-yue1"></use>
                </svg>
                <div class="name">余额</div>
                <div class="code-name">#myicon-yue1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-zhifubao"></use>
                </svg>
                <div class="name">支付宝</div>
                <div class="code-name">#myicon-zhifubao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-pingguo1"></use>
                </svg>
                <div class="name">苹果</div>
                <div class="code-name">#myicon-pingguo1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-yanzhengma"></use>
                </svg>
                <div class="name">验证码</div>
                <div class="code-name">#myicon-yanzhengma</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-pingguo"></use>
                </svg>
                <div class="name">苹果</div>
                <div class="code-name">#myicon-pingguo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-mimadenglu"></use>
                </svg>
                <div class="name">密码登录</div>
                <div class="code-name">#myicon-mimadenglu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-weixin"></use>
                </svg>
                <div class="name">微信</div>
                <div class="code-name">#myicon-weixin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-History"></use>
                </svg>
                <div class="name">History</div>
                <div class="code-name">#myicon-History</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-arrow-down"></use>
                </svg>
                <div class="name">arrow-down</div>
                <div class="code-name">#myicon-arrow-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-weizhi"></use>
                </svg>
                <div class="name">位置</div>
                <div class="code-name">#myicon-weizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-daohangdizhi"></use>
                </svg>
                <div class="name">导航地址</div>
                <div class="code-name">#myicon-daohangdizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-zixunfuwu"></use>
                </svg>
                <div class="name">咨询服务</div>
                <div class="code-name">#myicon-zixunfuwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-fuwu1"></use>
                </svg>
                <div class="name">服务</div>
                <div class="code-name">#myicon-fuwu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-paydeposit"></use>
                </svg>
                <div class="name">缴纳保证金</div>
                <div class="code-name">#myicon-paydeposit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-fuwuquanyi"></use>
                </svg>
                <div class="name">服务权益</div>
                <div class="code-name">#myicon-fuwuquanyi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-baozhengjindanbao"></use>
                </svg>
                <div class="name">保证金担保</div>
                <div class="code-name">#myicon-baozhengjindanbao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-shenghuofuwu"></use>
                </svg>
                <div class="name">生活服务</div>
                <div class="code-name">#myicon-shenghuofuwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon--fuwu"></use>
                </svg>
                <div class="name">37-服务</div>
                <div class="code-name">#myicon--fuwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-icon_baozhengjinguanli"></use>
                </svg>
                <div class="name">icon_保证金管理</div>
                <div class="code-name">#myicon-icon_baozhengjinguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-tuoguan3"></use>
                </svg>
                <div class="name">托管</div>
                <div class="code-name">#myicon-tuoguan3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-shuikongshebeituoguan"></use>
                </svg>
                <div class="name">税控设备托管</div>
                <div class="code-name">#myicon-shuikongshebeituoguan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-kexuanfuwu-"></use>
                </svg>
                <div class="name">可选服务</div>
                <div class="code-name">#myicon-kexuanfuwu-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-fuwu2"></use>
                </svg>
                <div class="name">服务02</div>
                <div class="code-name">#myicon-fuwu2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-fuwu3"></use>
                </svg>
                <div class="name">服务02</div>
                <div class="code-name">#myicon-fuwu3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-shebeituoguanshenqing"></use>
                </svg>
                <div class="name">设备托管申请</div>
                <div class="code-name">#myicon-shebeituoguanshenqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-sheshifuwu"></use>
                </svg>
                <div class="name">设施服务</div>
                <div class="code-name">#myicon-sheshifuwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-chengxinbaozhengjin"></use>
                </svg>
                <div class="name">诚信保证金</div>
                <div class="code-name">#myicon-chengxinbaozhengjin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-shangmenfuwu"></use>
                </svg>
                <div class="name">上门服务</div>
                <div class="code-name">#myicon-shangmenfuwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-juminfuwu"></use>
                </svg>
                <div class="name">居民服务</div>
                <div class="code-name">#myicon-juminfuwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-zhanweishigongchengxinbaozhengjin"></use>
                </svg>
                <div class="name">展位施工诚信保证金</div>
                <div class="code-name">#myicon-zhanweishigongchengxinbaozhengjin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-lvyuebaozhengjin"></use>
                </svg>
                <div class="name">履约保证金</div>
                <div class="code-name">#myicon-lvyuebaozhengjin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-icon_baozhengjin"></use>
                </svg>
                <div class="name">icon_保证金</div>
                <div class="code-name">#myicon-icon_baozhengjin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-baozhengjin"></use>
                </svg>
                <div class="name">保证金</div>
                <div class="code-name">#myicon-baozhengjin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-haibao"></use>
                </svg>
                <div class="name">海报</div>
                <div class="code-name">#myicon-haibao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-cuxiaohaibao"></use>
                </svg>
                <div class="name">促销海报</div>
                <div class="code-name">#myicon-cuxiaohaibao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-a-xiaoyuanfuwufuwudating"></use>
                </svg>
                <div class="name">校园服务,服务大厅</div>
                <div class="code-name">#myicon-a-xiaoyuanfuwufuwudating</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-shangpinguanli"></use>
                </svg>
                <div class="name">商品管理</div>
                <div class="code-name">#myicon-shangpinguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-wodedingdan"></use>
                </svg>
                <div class="name">我的订单</div>
                <div class="code-name">#myicon-wodedingdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-baoguofahuo-xianxing"></use>
                </svg>
                <div class="name">02包裹、发货-线性</div>
                <div class="code-name">#myicon-baoguofahuo-xianxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-icon-test1"></use>
                </svg>
                <div class="name">wode</div>
                <div class="code-name">#myicon-icon-test1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-dianpuxinxi"></use>
                </svg>
                <div class="name">店铺信息</div>
                <div class="code-name">#myicon-dianpuxinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-baoguo_fahuo_o"></use>
                </svg>
                <div class="name">包裹_发货_o</div>
                <div class="code-name">#myicon-baoguo_fahuo_o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-shangpinguanli1"></use>
                </svg>
                <div class="name">商品管理</div>
                <div class="code-name">#myicon-shangpinguanli1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-shanghuguanli"></use>
                </svg>
                <div class="name">商户管理</div>
                <div class="code-name">#myicon-shanghuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-wodexiaodian"></use>
                </svg>
                <div class="name">我的小店</div>
                <div class="code-name">#myicon-wodexiaodian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-shangyejie"></use>
                </svg>
                <div class="name">商业街</div>
                <div class="code-name">#myicon-shangyejie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-wodexiaodian1"></use>
                </svg>
                <div class="name">我的小店</div>
                <div class="code-name">#myicon-wodexiaodian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-shoumailingyang"></use>
                </svg>
                <div class="name">售卖领养</div>
                <div class="code-name">#myicon-shoumailingyang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-lingqujilu"></use>
                </svg>
                <div class="name">领取记录</div>
                <div class="code-name">#myicon-lingqujilu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-yaopinyuanzhu"></use>
                </svg>
                <div class="name">药品援助</div>
                <div class="code-name">#myicon-yaopinyuanzhu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-yaopin"></use>
                </svg>
                <div class="name">药品</div>
                <div class="code-name">#myicon-yaopin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-kanbing"></use>
                </svg>
                <div class="name">看病</div>
                <div class="code-name">#myicon-kanbing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-guahaokanbing"></use>
                </svg>
                <div class="name">挂号看病</div>
                <div class="code-name">#myicon-guahaokanbing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-renzheng"></use>
                </svg>
                <div class="name">认证</div>
                <div class="code-name">#myicon-renzheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-renzheng1"></use>
                </svg>
                <div class="name">认证</div>
                <div class="code-name">#myicon-renzheng1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-renzheng2"></use>
                </svg>
                <div class="name">认证</div>
                <div class="code-name">#myicon-renzheng2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-renzheng3"></use>
                </svg>
                <div class="name">认证</div>
                <div class="code-name">#myicon-renzheng3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-renzheng4"></use>
                </svg>
                <div class="name">认证1</div>
                <div class="code-name">#myicon-renzheng4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-renzheng5"></use>
                </svg>
                <div class="name">认证</div>
                <div class="code-name">#myicon-renzheng5</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-renzheng6"></use>
                </svg>
                <div class="name">认证</div>
                <div class="code-name">#myicon-renzheng6</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-renzheng7"></use>
                </svg>
                <div class="name">认证</div>
                <div class="code-name">#myicon-renzheng7</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-xiaoxi"></use>
                </svg>
                <div class="name">消息</div>
                <div class="code-name">#myicon-xiaoxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-cate"></use>
                </svg>
                <div class="name">类目 品类 分类 类别</div>
                <div class="code-name">#myicon-cate</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-bangzhuzhongxin"></use>
                </svg>
                <div class="name">帮助中心</div>
                <div class="code-name">#myicon-bangzhuzhongxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-leimupinleifenleileibie"></use>
                </svg>
                <div class="name">类目 品类 分类 类别</div>
                <div class="code-name">#myicon-leimupinleifenleileibie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-shouye"></use>
                </svg>
                <div class="name">地址</div>
                <div class="code-name">#myicon-shouye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-dizhi"></use>
                </svg>
                <div class="name">地址</div>
                <div class="code-name">#myicon-dizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-pinglun"></use>
                </svg>
                <div class="name">评论</div>
                <div class="code-name">#myicon-pinglun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-shezhi1"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#myicon-shezhi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-yijianfankui"></use>
                </svg>
                <div class="name"> 意见反馈</div>
                <div class="code-name">#myicon-yijianfankui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-qiaquan"></use>
                </svg>
                <div class="name">卡券</div>
                <div class="code-name">#myicon-qiaquan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-didiandingwei_o"></use>
                </svg>
                <div class="name">地点定位_o</div>
                <div class="code-name">#myicon-didiandingwei_o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-tuoguan"></use>
                </svg>
                <div class="name">托管</div>
                <div class="code-name">#myicon-tuoguan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-qiandao"></use>
                </svg>
                <div class="name">签到</div>
                <div class="code-name">#myicon-qiandao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-qianbao"></use>
                </svg>
                <div class="name">钱包</div>
                <div class="code-name">#myicon-qianbao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-weituoguanli"></use>
                </svg>
                <div class="name">委托管理</div>
                <div class="code-name">#myicon-weituoguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-qiandao1"></use>
                </svg>
                <div class="name">签到</div>
                <div class="code-name">#myicon-qiandao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon---gongyixingjiuji"></use>
                </svg>
                <div class="name">8 --公益性救济</div>
                <div class="code-name">#myicon---gongyixingjiuji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-chuangzuo"></use>
                </svg>
                <div class="name">创作</div>
                <div class="code-name">#myicon-chuangzuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-gongyi"></use>
                </svg>
                <div class="name">公益</div>
                <div class="code-name">#myicon-gongyi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-kefu1"></use>
                </svg>
                <div class="name">kefu1</div>
                <div class="code-name">#myicon-kefu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-fuwurexian"></use>
                </svg>
                <div class="name">服务热线</div>
                <div class="code-name">#myicon-fuwurexian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-gongyigangwei"></use>
                </svg>
                <div class="name">公益岗位</div>
                <div class="code-name">#myicon-gongyigangwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-bangzhuzhongxin1"></use>
                </svg>
                <div class="name">帮助中心</div>
                <div class="code-name">#myicon-bangzhuzhongxin1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-tuoguan1"></use>
                </svg>
                <div class="name">托管</div>
                <div class="code-name">#myicon-tuoguan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-tuoguan2"></use>
                </svg>
                <div class="name">托管</div>
                <div class="code-name">#myicon-tuoguan2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-address"></use>
                </svg>
                <div class="name">定位</div>
                <div class="code-name">#myicon-address</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-erweima"></use>
                </svg>
                <div class="name">二维码</div>
                <div class="code-name">#myicon-erweima</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-yaoqinghaoyou"></use>
                </svg>
                <div class="name">邀请好友</div>
                <div class="code-name">#myicon-yaoqinghaoyou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-zhiyajiezhiya"></use>
                </svg>
                <div class="name">质押／解质押</div>
                <div class="code-name">#myicon-zhiyajiezhiya</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-x_jiesuo"></use>
                </svg>
                <div class="name">x_解锁</div>
                <div class="code-name">#myicon-x_jiesuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-yaoqinghaoyou1"></use>
                </svg>
                <div class="name">邀请好友</div>
                <div class="code-name">#myicon-yaoqinghaoyou1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-jiesuo"></use>
                </svg>
                <div class="name">解锁</div>
                <div class="code-name">#myicon-jiesuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-youjiantou"></use>
                </svg>
                <div class="name">右箭头</div>
                <div class="code-name">#myicon-youjiantou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-zuojiantou"></use>
                </svg>
                <div class="name">左箭头</div>
                <div class="code-name">#myicon-zuojiantou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-dingdan1"></use>
                </svg>
                <div class="name">订单</div>
                <div class="code-name">#myicon-dingdan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-choujiang"></use>
                </svg>
                <div class="name">抽奖</div>
                <div class="code-name">#myicon-choujiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-dingdan3"></use>
                </svg>
                <div class="name">订单</div>
                <div class="code-name">#myicon-dingdan3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-dingdandingdanmingxishouzhimingxi"></use>
                </svg>
                <div class="name">116订单、订单明细、收支明细</div>
                <div class="code-name">#myicon-dingdandingdanmingxishouzhimingxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-tuandui1"></use>
                </svg>
                <div class="name">团队</div>
                <div class="code-name">#myicon-tuandui1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-yongjin1"></use>
                </svg>
                <div class="name">KHCFDC_佣金</div>
                <div class="code-name">#myicon-yongjin1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-dingdan4"></use>
                </svg>
                <div class="name">订单</div>
                <div class="code-name">#myicon-dingdan4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-guanyuwomen"></use>
                </svg>
                <div class="name">关于我们</div>
                <div class="code-name">#myicon-guanyuwomen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-shangchengdingdan"></use>
                </svg>
                <div class="name">商城订单</div>
                <div class="code-name">#myicon-shangchengdingdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-shangchengdingdan-my"></use>
                </svg>
                <div class="name">商城订单-my</div>
                <div class="code-name">#myicon-shangchengdingdan-my</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-asset-management-the-asset-summary"></use>
                </svg>
                <div class="name">资产汇总</div>
                <div class="code-name">#myicon-asset-management-the-asset-summary</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-pintuanzhuanqu"></use>
                </svg>
                <div class="name">拼团专区</div>
                <div class="code-name">#myicon-pintuanzhuanqu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-tixian"></use>
                </svg>
                <div class="name">提现</div>
                <div class="code-name">#myicon-tixian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-zhuanzhang"></use>
                </svg>
                <div class="name">转账</div>
                <div class="code-name">#myicon-zhuanzhang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-hezuogongying"></use>
                </svg>
                <div class="name">合作共赢</div>
                <div class="code-name">#myicon-hezuogongying</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-kucun"></use>
                </svg>
                <div class="name">库存</div>
                <div class="code-name">#myicon-kucun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-qiapian"></use>
                </svg>
                <div class="name">卡片</div>
                <div class="code-name">#myicon-qiapian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-chongzhi-"></use>
                </svg>
                <div class="name">充值</div>
                <div class="code-name">#myicon-chongzhi-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-jilu"></use>
                </svg>
                <div class="name">记录</div>
                <div class="code-name">#myicon-jilu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-sucaiguanli"></use>
                </svg>
                <div class="name">素材管理</div>
                <div class="code-name">#myicon-sucaiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-sucaiku_moren2x"></use>
                </svg>
                <div class="name">素材库_默认@2x</div>
                <div class="code-name">#myicon-sucaiku_moren2x</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-tuandui"></use>
                </svg>
                <div class="name">人物-团队</div>
                <div class="code-name">#myicon-tuandui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-diamond"></use>
                </svg>
                <div class="name">diamond-砖石</div>
                <div class="code-name">#myicon-diamond</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-zichan"></use>
                </svg>
                <div class="name">资产</div>
                <div class="code-name">#myicon-zichan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-fuwu"></use>
                </svg>
                <div class="name">服务</div>
                <div class="code-name">#myicon-fuwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-zuji"></use>
                </svg>
                <div class="name">足迹</div>
                <div class="code-name">#myicon-zuji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-fenlei"></use>
                </svg>
                <div class="name">分类</div>
                <div class="code-name">#myicon-fenlei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-yongjin"></use>
                </svg>
                <div class="name">佣金</div>
                <div class="code-name">#myicon-yongjin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-dingdan"></use>
                </svg>
                <div class="name"> 订单</div>
                <div class="code-name">#myicon-dingdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-ic_commission"></use>
                </svg>
                <div class="name">佣金</div>
                <div class="code-name">#myicon-ic_commission</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-luyin"></use>
                </svg>
                <div class="name">录音</div>
                <div class="code-name">#myicon-luyin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-shezhi"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#myicon-shezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-ziliaoshouce"></use>
                </svg>
                <div class="name">22资料、手册</div>
                <div class="code-name">#myicon-ziliaoshouce</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-icon-test"></use>
                </svg>
                <div class="name">头像</div>
                <div class="code-name">#myicon-icon-test</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-approve"></use>
                </svg>
                <div class="name">认证</div>
                <div class="code-name">#myicon-approve</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-luyinshuohuashengyin"></use>
                </svg>
                <div class="name">录音 说话 声音</div>
                <div class="code-name">#myicon-luyinshuohuashengyin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-luyinzhong"></use>
                </svg>
                <div class="name">录音中</div>
                <div class="code-name">#myicon-luyinzhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-bianji"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#myicon-bianji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-xiazai"></use>
                </svg>
                <div class="name">下载</div>
                <div class="code-name">#myicon-xiazai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-xingzhuang"></use>
                </svg>
                <div class="name">下载</div>
                <div class="code-name">#myicon-xingzhuang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-ershouche"></use>
                </svg>
                <div class="name">二手车</div>
                <div class="code-name">#myicon-ershouche</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-gonggao"></use>
                </svg>
                <div class="name">公告</div>
                <div class="code-name">#myicon-gonggao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-mendianguanli"></use>
                </svg>
                <div class="name">门店管理</div>
                <div class="code-name">#myicon-mendianguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-ziyuan197"></use>
                </svg>
                <div class="name">申请</div>
                <div class="code-name">#myicon-ziyuan197</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-setting"></use>
                </svg>
                <div class="name">设 置</div>
                <div class="code-name">#myicon-setting</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-qrcode"></use>
                </svg>
                <div class="name">二维码</div>
                <div class="code-name">#myicon-qrcode</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#myicon-qr-code"></use>
                </svg>
                <div class="name">qr-code 二维码</div>
                <div class="code-name">#myicon-qr-code</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
